/**
 * @description 组件样式
 * @author: 陈陈
 * @date: 2025/05/09
 * @phone: 18560000860
 * @email: 18560000860@qq.com
 * @company: 济南晨霜信息技术有限公司 /
 * @business: 承接前后端项目的开发
 */
.pure-progress {
	height: var(--pure-progress-size, 6px);
	background: var(--pure-progress-track-color, var(--pure-background-deep));
	border-radius: var(--pure-progress-border-radius, var(--pure-radius-round));
	position: relative;
	transition: 500ms;

	&__bar {
		width: var(--pure-progress-percent, 0%);
		height: 100%;
		background: var(--pure-progress-color, var(--pure-progress-theme, var(--pure-theme-primary)));
		border-radius: var(--pure-progress-border-radius, var(--pure-radius-round));
		transition: 500ms;
		position: relative;
	}

	&__pivot {
		width: var(--pure-progress-pivot-width);
		height: var(--pure-progress-pivot-height);
		background: var(
			--pure-progress-pivot-background,
			var(--pure-progress-color, var(--pure-progress-theme, var(--pure-theme-primary)))
		);
		border-radius: var(--pure-progress-pivot-border-radius, var(--pure-radius-round));
		position: absolute;
		top: 50%;
		left: 100%;
		transform: translate(calc(-1 * var(--pure-progress-percent, 0%)), -50%);
		color: var(--pure-progress-text-color, var(--pure-text-color-invert));
		font-size: var(--pure-progress-pivot-font-size, 10px);
		padding: var(--pure-progress-pivot-padding, 4px 10px);
		line-height: 1;
		white-space: var(--pure-progress-pivot-white-space, nowrap);
		transition: 500ms;
	}
}
